import React from 'react'
import ReactDOM from 'react-dom/client'

import './assets/index.css'
import AboutThis from './page/AboutThis'
// import CloneElement from './page/CloneElement'
// import CommentList from './page/CommentList'
// import ContextPage from './page/ContextPage'
// import DiffPage from './page/DiffPage'
// import ErrorBoundary from './page/ErrorBoundary'
// import LifeCycle from './page/LifeCycle'
// import RefPage from './page/RefPage.jsx'
// import UseReducer from './page/UseReducer.jsx'

// import StatusBar from './page/UseDebugValue'
// import UseDeferredValue from './page/UseDeferredValue.jsx'

// import Tab from './designMode/Tab/index.jsx'
import RenderProps from './designMode/renderProps/RenderProps.jsx'
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
	<React.StrictMode>
		<React.Fragment>
			<AboutThis />
			{/* <UseReducer /> */}
			{/* <Tab>
				<Tab.TabItem name="vue" label="Vue">Vue</Tab.TabItem>
				<Tab.TabItem name="react" label="React">React</Tab.TabItem>
				<Tab.TabItem name="angular" label="Angular">Angular</Tab.TabItem>
			</Tab> */}
			<RenderProps />
		</React.Fragment>
	</React.StrictMode>,
)
